this.header = document.querySelector("header")
this.List = this.header.querySelectorAll(".ul_chaoshi_top>li")

this.bai1s = document.querySelectorAll(".bai1")
this.bai2s = document.querySelectorAll(".bai2")
// console.log(bai1s);
// console.log(bai2s);


for (let i = 0; i < this.List.length; i++) {
    let currentLi = this.List[i];
    let relatedRightElement = currentLi.querySelector('.ul_chaoshi_right');
    let bai1Element = currentLi.querySelector('.bai1');
    let bai2Element = currentLi.querySelector('.bai2');

    if (relatedRightElement && bai1Element && bai2Element) {
        currentLi.addEventListener('mouseover', function () {
            this.style.border = '1px solid #ccc';
            relatedRightElement.style.display = 'block';
            bai1Element.style.display = 'block';
            bai2Element.style.display = 'block';
        });

        currentLi.addEventListener('mouseout', function () {
            this.style.border = '';
            relatedRightElement.style.display = 'none';
            bai1Element.style.display = 'none';
            bai2Element.style.display = 'none';
        });
    }
}




